<!Doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <title>账号设置</title>

    <link rel="stylesheet" type="text/css" href="../../css/base/general.css">
    <link rel="stylesheet" type="text/css" href="../../css/base/header.css">
    <link rel="stylesheet" type="text/css" href="../../css/base/footer.css">
    <link rel="stylesheet" type="text/css" href="../../css/center.css">

    <script type="text/javascript" charset="utf-8" src="../../js/base/jquery.js"></script>
    <script type="text/javascript" charset="utf-8" src="../../js/base/base.js"></script>
    <script type="text/javascript" charset="utf-8" src="../../js/base/layer.js"></script>
    <!--城市-->
    <script type="text/javascript" charset="utf-8" src="../../js/base/Area.js"></script>
    <script type="text/javascript" charset="utf-8" src="../../js/base/AreaData_min.js"></script>
    <!--生日-->
    <script type="text/javascript" charset="utf-8" src="../../js/base/birthday.js"></script>
    <!--又拍云-->
    <script type="text/javascript" charset="utf-8" src="../../js/upyun/async.js"></script>
    <script type="text/javascript" charset="utf-8" src="../../js/upyun/spark-md5.js"></script>
    <script type="text/javascript" charset="utf-8" src="../../js/upyun/upyun-mu.js"></script>

    <script type="text/javascript" charset="utf-8" src="../../js/setup.js"></script>

    <link href="../../image/base/favicon.ico" mce_href="../image/base/favicon.ico" type="image/x-icon" rel="bookmark"/>
    <link href="../../image/base/favicon.ico" mce_href="../image/base/favicon.ico" type="image/x-icon" rel="icon"/>
    <link href="../../image/base/favicon.ico" mce_href="../image/base/favicon.ico" type="image/x-icon"
          rel="shortcut icon"/>
</head>

<body>
<div class="loading">
    <img src="../../image/base/loading.gif">
</div>

<div id="header">
    <div class="header-row-1">
        <div class="header-container">
            <div class="header-row-1-col-1">
                <a href="../app.html" target="_blank" class="help">
                    <i></i>
                    APP下载
                </a>
            </div>
            <ul class="header-row-1-col-2">
                <li class="nav-topic">
                    <a href="../../index.html" style="border-left: none;">选题</a>
                    <div class="header-topic-label">
                        <ul class="header-topic-label-list"></ul>
                    </div>
                </li>
                <li class="nav-interest">
                    <a href="../discover.html" target="_blank">发现</a>
                </li>
                <li class="nav-follow"><a href="../attention.html" target="_blank">关注的人</a></li>
                <li class="nav-ranklist"><a href="../rank.html" target="_blank">排行榜</a></li>
            </ul>
            <div class="header-row-1-col-4"></div>
            <div class="header-row-1-col-3">
                <div class="search-box">
                    <a href="javascript:;" class="search-btn"></a>
                    <input type="hidden" id="keyword002" value="请输入您所需要搜索的内容"/>
                    <input type="text" id="keyword001" placeholder="请输入您所需要搜索的内容" autocomplete="off"/>
                    <div class="search-record">
                        <span><em></em><i></i></span>
                        <div class="search-record-box">
                            <ul>

                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="header-row-2">
        <div class="header-container">
            <a href="../publish/post.html" class="side-pub-thread" target="_blank"></a>
            <a class="logo" href="../../index.html"></a>
            <ul class="navigator">
                <li class="homepage"><a href="../../index.html" target="_blank">选题</a></li>
                <li class="interestpage"><a href="../discover.html" target="_blank">发现</a></li>
                <li class="followpage"><a href="../attention.html" target="_blank">关注的人</a></li>
                <li class="rankpage"><a href="../rank.html" target="_blank">排行榜</a></li>
                <li class="centerpage"><a href="home.html" style="color: black;">个人中心</a></li>
            </ul>
            <div class="side-bar">
                <a href="javascript:;" class="go-top go-top-hidden">
                    <em>返回顶部</em>
                    <i></i>
                </a>
            </div>
        </div>
    </div>
</div>

<div id="container">
    <div class="crumbs">
        <div class="crumbs-box">
            <em>当前位置：</em>
            <a href="../../index.html">首页</a>
            >
            <a href="blacklist.html" style="color: black;">黑名单</a>
        </div>
    </div>
    <div class="usercenter-left">
        <ul class="nav">
            <li><a href="home.html">个人中心</a></li>
            <li><a href="friend.html" class="nav-friend">好友管理</a></li>
            <li><a href="commend.html" class="nav-info">消息中心</a></li>
            <li><a href="thread.html">帖子管理</a></li>
            <li><a href="drafts.html">草稿箱</a></li>
            <li><a>黑名单</a></li>
            <li><a href="favorite.html">收藏管理</a></li>
            <li><a href="redemption.html">我的兑换</a></li>
            <li class="current"><a href="javascript:;">账号设置</a></li>
        </ul>
    </div>
    <div class="usercenter-right">
        <div class="my-info">
            <h2>请设置您的账号信息</h2>
            <!--修改密码-->
            <div class="big_box">
                <h4>修改密码</h4>
                <table>
                    <tr>
                        <th>当前密码：</th>
                        <td>
                            <input type="password" id="old_pwd" maxlength="16" style="width:200px;" class="old-pw"/></td>
                    </tr>
                    <tr>
                        <th>新密码：</th>
                        <td><input type="password" id="new_pwd" maxlength="16" style="width:200px;" class="pw"/></td>
                    </tr>
                    <tr>
                        <th>确认密码：</th>
                        <td><input type="password" id="new_pwd_again" maxlength="16" style="width:200px;" class="confirm-pw"/>
                        </td>
                    </tr>
                    <tr>
                        <th></th>
                        <td>
                            <a href="javascript:;" class="user_setup_big_button save_button" id="save-pw-button">保存</a>
                        </td>
                    </tr>
                </table>
            </div>
            <!--个人信息-->
            <div class="big_box">
                <!------------------------------头像------------------------------>
                <h4>头像</h4>
                <div class="headpic_box">
                    <table>
                        <tr>
                            <td height="101" align="center">
                                <div id="localImag" style="border: none">
                                    <img id="preview" src="../../image/base/none.png" width="200" height="200" style="display: block;border: 1px solid #999999;"/>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td align="center" style="padding-top:10px;">
                                <input type="file" name="file" id="file_0" class="head_file" onchange="setImagePreview(this,0);">
                            </td>
                        </tr>
                    </table>
                </div>
                <dl style="margin-top: -38px;">
                    <dt></dt>
                    <dd><a href="javascript:;" class="user_setup_big_button save_button">上传图片</a></dd>
                </dl>
                <div id="log"></div>
                <div style="clear:both;"></div>
                <!------------------------------昵称------------------------------>
                <h4>昵称</h4>
                <dl>
                    <dt>现昵称：</dt>
                    <dd id="o_n_n"></dd>
                </dl>
                <dl>
                    <dt>新昵称：</dt>
                    <dd><input type="text" id="n_n" class="tel_input" maxlength="50"/></dd>
                </dl>
                <div style="clear:both;"></div>
                <!------------------------------个签------------------------------>
                <h4>个性签名</h4>
                <dl>
                    <dt>现签名：</dt>
                    <dd id="o_s_t"></dd>
                </dl>
                <dl>
                    <dt>新签名：</dt>
                    <dd><input type="text" id="s_t" class="tel_input" maxlength="500"/></dd>
                </dl>
                <div style="clear:both;"></div>
                <!------------------------------城市------------------------------>
                <h4>所在城市</h4>
                <dl>
                    <dt>所在地：</dt>
                    <dd style="height: 30px;">
                        <select class="province" id="seachprov" name="seachprov"
                                onChange="changeComplexProvince(this.value, sub_array, 'seachcity', 'seachdistrict');"></select>&nbsp;&nbsp;
                        <select class="city" id="seachcity" name="homecity"
                                onChange="changeCity(this.value,'seachdistrict','seachdistrict');"></select>&nbsp;&nbsp;
                <span id="seachdistrict_div" style="opacity: 0">
                    <select id="seachdistrict" name="seachdistrict"></select>
                </span>

                    </dd>
                </dl>
                <div style="clear:both;"></div>
                <!------------------------------生日------------------------------>
                <h4>生日</h4>
                <dl>
                    <dt>生日：</dt>
                    <dd>
                        <select class="birthday" id="select_year" style="float: left"></select>
                        <span style="float: left">年</span>
                        <select class="birthday" id="select_month" style="float: left"></select>
                        <span style="float: left">月</span>
                        <select class="birthday" id="select_day" style="float: left"></select>
                        <span style="float: left">日</span>
                    </dd>
                </dl>
                <div style="clear:both;"></div>
                <!------------------------------性别------------------------------>
                <h4>性别</h4>
                <dl>
                    <dt style="float: left;">性别：</dt>
                    <dd style="float: left;margin-left: 0;">
                        <div class="radio_box">
                            <input type="radio" name="sex" value="1" id="male" checked='checked'/><label for="male">男</label>
                            <input type="radio" name="sex" value="0" id="female"/><label for="female">女</label>
                        </div>
                    </dd>
                </dl>
                <div style="clear:both;"></div>
                <!------------------------------保存------------------------------>
                <h4 style="background-color: white;border-bottom: 1px solid #ededed;"></h4>
                <dl style="width: 95%;text-align: center;height: 40px;">
                    <dd style="margin-left: 350px;">
                        <a href="javascript:;" class="user_setup_big_button save_button" id="save_info_button">保存</a>
                    </dd>
                </dl>
            </div>
        </div>

    </div>

    <!--<div class="big_box big_box_phone">-->
    <!--<h4>修改绑定手机号</h4>-->
    <!--<dl>-->
    <!--<dt>图形验证码：</dt>-->
    <!--<dd><input type="text" name="rand" maxlength="4" id="code"/>-->
    <!--<img title="单击换一张" id="rand_img"/>-->
    <!--</dd>-->
    <!--</dl>-->
    <!--<dl id="OldNum">-->
    <!--<dt>旧手机号码：</dt>-->
    <!--<dd><span id="accounts">123456789</span>-->
    <!--<a href="javascript:;" class="sendCode" onclick="sdc()" id="oldsc">发送验证码</a>-->
    <!--</dd>-->
    <!--</dl>-->
    <!--<dl>-->
    <!--<dt>输入验证码：</dt>-->
    <!--<dd><input type="text" id="p_n" class="tel_input" maxlength="10"/></dd>-->
    <!--</dl>-->
    <!--<dl class="next">-->
    <!--<dt></dt>-->
    <!--<dd id="saveBtn"><a href="javascript:;" class="user_setup_big_button save_button" onclick="upm();">下一步</a>-->
    <!--</dd>-->
    <!--</dl>-->
    <!--</div>-->

    <div class="big_box_radio">

    </div>
</div>

<div id="footer">
    &copy;2015-2016 Motortravel Intelligence All Rights Reserved
</div>

<div style="clear: both"></div>

</body>

</html>
